import React from 'react'
import ReactDOM from 'react-dom/client'

// 定义函数组件
// 1. 组件名首字母要求大写
// 2. 必须有return. return后面要写jsx.如果组件中没有结构返回,则return null
// function Test() {
//   return (
//     <ul>
//       <li>1</li>
//     </ul>
//   )
// }

// 定义类组件
// 1. 组件名首字母大写
// 2. 必须继承React.Component
// 3. 类中至少要有一个render函数
// 4. render中必须写return,return后面写jsx或null
class Test extends React.Component {
  render() {
    return <h1>类组件</h1>
  }
}

const root = ReactDOM.createRoot(document.getElementById('root'))
// 使用组件(要写成标签):
root.render(<Test></Test>)
// root.render(<Test />)
